<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>大学生活</title>
    <link rel="stylesheet" href="./css/index.css" />
    <style>
      .msgs {
        width: 95%;
        height: 660px;
        margin: 100px 2.5%;
        display: flex;
        justify-content: space-between;
      }

      .msgs .ps {
        padding: 10px 70px;
      }

      .msgs p {
        text-indent: 2em;
        font-size: 20px;
      }

      .photos{
        width: 95%;
        height: auto;
        display: flex;
        margin: 100px 2.5%;
        justify-content: space-between;
        flex-wrap: wrap;
      }

      .photos img{
        width: 30%;
        height: 400px;
        margin-bottom: 70px;
      }

      .photos img:hover{
        transition: all .3s;
        border: 10px solid ghostwhite;
        transform: rotateZ(3deg) scale(0.9);
      }
    </style>
  </head>
  <body>
    <img src="./img/banner (1).jpg" class="banner" alt="" />
    <div class="nav">
      <a href="./index.html">网站主页</a>
      <a href="./school.html">学校简介</a>
      <a href="./party.html">派对时刻</a>
      <a href="./jcpd.html">精彩片段</a>
      <a href="./login.html">登录网站</a>
    </div>

    <div class="title">我的宿舍</div>

    <div class="msgs">
      <img src="./img/tw.jpg" alt="" />
      <div class="ps">
        <p>
          大学宿舍，是青春的港湾，也是温暖的家。四张床、一张桌、几把椅，构成了我们共同的天地。清晨，阳光透过窗帘洒在被子上，闹钟响起，大家揉着惺忪的睡眼，开始新的一天。夜晚，熄灯后，黑暗中传来轻声的聊天，分享着一天的喜怒哀乐。在这里，我们哭过、笑过、吵过、和好过。宿舍的每一寸空间，都承载着我们的回忆，见证着彼此的成长。那些一起熬夜背书、一起分享零食的日子，将成为我们一生中最珍贵的宝藏。
        </p>
        <p>
          大学宿舍，是充满烟火气的地方。清晨，有人在阳台刷牙，有人在洗漱台前整理发型；中午，大家围坐在一起，分享从食堂带回的饭菜，或是自己做的小零食。偶尔，还会传来“乒乒乓乓”的洗碗声，那是谁又在偷偷做饭。宿舍里，有人在学习，有人在打游戏，还有人在聊天。这些看似琐碎的日常，却构成了我们大学生活最真实的模样。在这里，我们学会了包容，学会了分享，也学会了珍惜。那些简单而平凡的日子，汇聚成了大学最难忘的烟火情。
        </p>
        <p>
          大学宿舍，是青春的起航点。这里是梦想的摇篮，也是奋斗的战场。清晨，有人早早起床去图书馆占座，有人在宿舍里背单词、练口语；夜晚，台灯下，大家埋头苦读，为考试、为比赛、为未来努力拼搏。宿舍里，有讨论学术的声音，有分享实习经历的欢笑，也有为了梦想而熬夜的疲惫。在这里，我们互相鼓励、互相支持，一起追逐梦想。那些为了目标而努力的时光，那些为了未来而奋斗的日子，都将成为我们青春最闪亮的注脚。
        </p>
      </div>
    </div>

    <div class="title">精彩片段</div>

    <div class="photos">
        <img src="./img/jc (1).jpg" alt="">
        <img src="./img/jc (2).jpg" alt="">
        <img src="./img/jc (3).jpg" alt="">
        <img src="./img/jc (4).jpg" alt="">
        <img src="./img/jc (5).jpg" alt="">
        <img src="./img/jc (6).jpg" alt="">
    </div>

    <div class="footer">我的大学 @ 2025 版权所有</div>
    <audio id="bgMusic" height="0" width="0" src="./audio/bj.mp3" autoplay="autoplay" loop></audio>
    <script src="./js/index.js"></script>
  </body>
</html>
